{% extends 'base.html' %}
{% block title %}
    <title>书籍</title>
{% endblock %}
{% block body %}
    {{ bss }}
{% for b in bss %}
<div class="media">
  <div class="media-left">
    <a href="#">
      <img class="media-object" src="..." alt="...">
    </a>
  </div>
  <div class="media-body">
    <h4 class="media-heading">{{ b }}</h4>
    {{ b.synopsys }}
  </div>
</div>

{% endfor %}
     <nav aria-label="Page navigation">
      <ul class="pagination">
        {% if bss.has_previous %}
        <li>
          <a href="?page={{ bss.previous_page_number }}" aria-label="Previous">
            <span aria-hidden="true">上一页</span>
          </a>
        </li>
        {% endif %}

        {% for page in bss.paginator.get_elided_page_range %}
        <li>
          <a href="?page={{ page }}">{{ page }}</a>
        </li>
        {% endfor %}

        {% if bss.has_next %}
        <li>
          <a href="?page={{ bss.next_page_number }}" aria-label="Next">
            <span aria-hidden="true">下一页</span>
          </a>
        </li>
        {% endif %}
      </ul>
    </nav>
{% endblock %}